<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>毛嗑羊</title>
    <link rel="shortcut icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="lib/bootstrap-4.4.1/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
    <!-- <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" /> -->
    <link rel="stylesheet" href="lib/pace/dataurl.css" />
    <link rel="stylesheet" href="css/main.css" />
  </head>

  <body>
    <div class="wood-layout">
      <nav id="topnav" class="navbar navbar-expand-lg bg-white fixed-top navbar-trans nav-hover">
        <div class="container">
          <a class="navbar-brand" href="/web/homepage/index">
            <img style="width: 26px; height: 26px" src="./img/logo.svg"> <span style="vertical-align: middle;">毛嗑羊</span>
          </a>
          <ul id="navBtns">
            <li><a href="/web/homepage/index">首页</a></li>
            <li><a target="_blank" href="https://www.admqr.com/pricing">价格</a></li>
            <li><a href="http://blog.admqr.com/">博客</a></li>
            <li><a href="https://docs.admqr.com/#/">帮助文档</a></li>
            <li><a href="/web/homepage/apidoc">API</a></li>
            <li class="long-li nav-item"><a href="/web/signup/sign_up" id="btn-register">免费注册</a></li>
            <li class="short-li nav-item"><a href="/web/login">登录</a></li>
          </ul>
          <div class="navBtn" data-controller="toggle-menu">
            <div data-target="toggle-menu.openmenu" data-action="click->toggle-menu#open">
              <img class="menu-btn" src="./img/menu.png">
            </div>
            <!-- <div data-target="toggle-menu.closemenu" data-action="click->toggle-menu#close">
              <img class="close-btn" src="./img/close_menu.png">
            </div> -->
            <ul class="menu-list">
              <li><a href="https://www.admqr.com/pricing">价格</a></li>
              <li><a href="http://blog.admqr.com/">博客</a></li>
              <li><a href="https://docs.admqr.com/#/">帮助文档</a></li>
              <li><a href="/web/signup/sign_up" class="resigter">免费注册</a></li>
              <li><a href="/web/login">登录</a></li>
            </ul>
          </div>
        </div>
      </nav>
      <div id="body-head">
        <div class="container">
          <h2>二维码/短网址生成器，访问数据分析工具</h2>
          <div class="create-cube-err-tip">请输入 http:// 或 https:// 开头的链接</div>
          <form data-controller="box" data-box-hascubes="false" action="/web/homepage/create_cube" accept-charset="UTF-8" data-remote="true" method="post">
            <input name="utf8" type="hidden" value="✓">
            <input type="hidden" name="authenticity_token" value="SGol22hHNAtdKwlQPbYuEkLTn1O4DDA3E6+iTTYZRE73gSXq9tT7S5dipQ2e2IHpV9cm2nZoPLgtYVMOXwt4cg==">
            <div id="dashboard-url-box">
              <input type="text" name="links" class="" data-target="box.input" placeholder="支持输入https://或http://开头的链接"><button data-target="box.submitButton" data-action="click->box#btnClick">生成短链</button>
              <div id="box-errors" data-target="box.errorMsg">
                <span data-target="box.errorMsgText"></span>
                <i class="iconfont iconkuaisuqingchu" data-action="click->box#hideErrorMsg"></i>
              </div>
              <div id="temp-qr-info" class="d-none" data-target="box.cubeList">
                <div id="q-details">
                  <div class="pc-details-des">想要获取统计数据以及更多高级功能?</div>
                  <div class="mobile-details-des">统计数据以及更多功能</div>
                  <div class="q-details-r">马上<a href="/web/signup/sign_up"> 登录/注册</a></div>
                </div>
                <div class="qr-list"></div>
                <div id="anonymous-warning">
                  <div>注：匿名链接仅可被访问30次且有效期3天, <a href="/web/signup/sign_up">登录</a>生成无限制链接 / 查看<a href="/web/homepage/anonymous_info">访问限制原因</a></div>
                </div>
                <div class="fixed-wrap-code">
                  <div class="fixed-wrap-content">
                    <div id="mobileQrCode"></div>
                    <div class="fixed-wrap-content-text">长按保存图片</div>
                  </div>
                  <a href="javascript:void(0)" data-target="box.closeCodeBtn" data-action="click->box#closeCode">
                    <img class="close-fixed" src="/packs/media/images/close-fixed-4e0067bd5f93e8d69d74090d5abadb64.png">
                  </a>
                </div>
              </div>
            </div>
          </form>
          <div class="slider-btn">下滑查看更多</div>
          <img style="width: 16px; height: 16px" src="./img/slider_down.png">
        </div>
      </div>
      <div id="images-screen">
        <div class="container">
          <div id="pic-1" data-aos="flip-up" class="aos-init">
            <div class="row">
              <div class="col-12 col-sm-6 order-1 order-sm-0">
                <img class="img" src="./img/ff.png">
              </div>
              <div class="col-12 col-sm-6 order-0 order-sm-1">
                <div class="center-box">
                  <h2>便于线上线下分发</h2>
                  <p>压缩长连接, 不再让链接占据大量有用篇幅。<br>使用短链/二维码分发，便于分析线上/线下的用户数据。</p>
                </div>
              </div>
            </div>
          </div>
          <div id="pic-2" data-aos="flip-up" class="aos-init">
            <div class="row">
              <div class="col-12 col-sm-6">
                <div class="center-box">
                  <h2>支持多类型分发</h2>
                  <p>根据地域/时间/设备的特性来跳转不同的链接，让你的用户看到最感兴趣的链接，从而流量收益最大化。<br>不需要开发成本就可以实现A/B Test，挑选出最受用户欢迎的方案。</p>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <img class="img" src="./img/ff_2.png">
              </div>
            </div>
          </div>
          <div id="pic-3" data-aos="flip-up" class="aos-init">
            <div class="row">
              <div class="col-12 col-sm-6 order-1 order-sm-0">
                <img class="img" src="./img/ff_3.png">
              </div>
              <div class="col-12 col-sm-6 order-0 order-sm-1">
                <div class="center-box">
                  <h2>多维度数据统计</h2>
                  <p>支持查看短链/二维码的访问量PV，访客量UV，IP，来源，地域，设备等多维度数据， 便于绘制用户画像让后续的分发更有价值。<br>如果访问量骤增，不确定渠道转化还是刷量，可通过查看热门IP来判断，<br>若是刷量，可过滤该高危IP移除虚假数据。真实的数据才能带来真实的用户。</p>
                </div>
              </div>
            </div>
          </div>
          <div class="invite-register">
            <h1>开启高效分发新时代</h1>
            <a href="/web/signup/sign_up">马上免费注册</a>
          </div>
        </div>
      </div>
      <div id="footer">
        <div id="footer-content" class="container">
          <div id="copyright">
            Copyright © 2020 <span class="des">毛嗑羊</span>
          </div>
          <div class="record_num">
            <a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">鲁ICP备18057922号-1</a>
          </div>
          <div id="footer-links">
            <ul>
              <li>
                <a href="https://docs.admqr.com/">帮助</a>
              </li>
              <li>
                <a href="/web/homepage/policy">隐私</a>
              </li>
              <li>
                <a href="/web/homepage/service">条款</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="lib/jquery-1.12.4.min.js" ></script>
    <script type="text/javascript" src="lib/bootstrap-4.4.1/js/bootstrap.min.js" ></script>
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script type="text/javascript" src="lib/crypto-js.js" ></script>
    <script type="text/javascript" src="lib/template-3.1.0.js" ></script>
    <script type="text/javascript" src="lib/pace/pace.min.js" ></script>
    <!-- <script type="text/javascript" src="lib/scrolltopcontrol.js" ></script> -->
    <script type="text/javascript" src="js/env.js" ></script>
    <script type="text/javascript" src="js/common.min.js" ></script>
    <script type="text/javascript" src="lib/laypage-1.3.0/laypage.js"></script>
    <script>
      AOS.init();
    </script>
    <script type="text/javascript" src="js/main.js" ></script>
  </body>
</html>
